<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" href="../assets/css/mergesort.css">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,
	initial-scale=1.0">	
</head>

<body>
    <section class="head">Merge Sort Visualization</section>
   <section class="data-container"></section> 
	
	<canvas id="Canvas" style="margin-left: 17vw;"></canvas>
	<!-- "Generate New Array" button -->
    <button  class="btn1" onclick="generate()" id="Button1" >
        Generate New Array</button>   
        
      <!-- "Merge Sort" button -->
      <button class="btn2" 
              onclick="performer(),disable()" id="Button2" >
        Merge Sort</button>
	<script src="../assets/js/mergesort.js"></script>
</body>

</html>
